<template>
  <view class="flex-col page">
    <view class="flex-col flex-auto group space-y-18">
      <view class="flex-col group_2 space-y-4">
        <text class="self-start text_5">重置码</text>
        <view class="flex-col justify-start items-end image-wrapper">
          <image class="image_5" src="../../static/images/1db592486215c8137f0e4e2f33801150.png" />
        </view>
      </view>
      <view class="flex-col justify-start items-center button"><text class="text_6">下一步</text></view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {};
    },

    methods: {},
  };
</script>

<style scoped lang="scss">
  .page {
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    .group {
      padding: 0 12.5rpx 841.67rpx 47.92rpx;
      overflow-y: auto;
      .group_2 {
        padding: 33.33rpx 0;
        .text_5 {
          color: #138f87;
          font-size: 41.67rpx;
          font-family: SourceHanSansCN;
          line-height: 37.5rpx;
        }
        .image-wrapper {
          padding: 31.25rpx 0;
          background-color: #e5e5e580;
          .image_5 {
            margin-right: 35.42rpx;
            width: 22.92rpx;
            height: 22.92rpx;
          }
        }
      }
      .space-y-4 {
        & > view:not(:first-child),
        & > text:not(:first-child),
        & > image:not(:first-child) {
          margin-top: 8.33rpx;
        }
      }
      .button {
        margin-right: 29.17rpx;
        padding: 25rpx 0;
        background-color: #138f87;
        border-radius: 56.25rpx;
        .text_6 {
          color: #ffffff;
          font-size: 50rpx;
          font-family: WenQuanYiMicroHeiMono;
          line-height: 45.83rpx;
        }
      }
    }
    .space-y-18 {
      & > view:not(:first-child),
      & > text:not(:first-child),
      & > image:not(:first-child) {
        margin-top: 37.5rpx;
      }
    }
  }
</style>